<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户系统--合同列表</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">

    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--日期选择插件-->
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css" />
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/contractManager/user/contractForm.css" type="text/css"/>
    <link rel="stylesheet" href="/css/tableAll.css">
    <style>
        #addProductModal .bootstrap-table{
            height: 244px!important;
            overflow-y: scroll!important;
        }
        /*#productListTable tbody{*/
        /*    height: 244px;*/
        /*    overflow-y: scroll;*/
        /*}*/
        #addProductModal .fixed-table-pagination{
            display: none!important;
        }
        #addProductModal #couponTableToolbar + .bootstrap-table{
            height: auto!important;
            overflow-y: auto!important;
        }

    </style>

</head>
<body>
<div>
    <div class="container-fluid scoll-fixed">
                <div class="card">
                    <div class="card-header">
                        <h1>合同列表</h1>
                    </div>
                    <div class="card-body">
                        <!--tab页-->
                        <input type="hidden" id="tabNumber" name="tabNumber" value="">
                        <ul class="new-tabs">
                            <!-- 全部 会员产品合同 非会员产品合同-->
                            <li class="nav-item active">
                                <a href="#" data-toggle="tab" aria-expanded="false" id="allTab" onclick="changeTab('all')">全部</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" data-toggle="tab" aria-expanded="false" id="memberContractTab" onclick="changeTab('member')">会员产品合同</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" data-toggle="tab" aria-expanded="false" id="noMember" onclick="changeTab('noMember')">非会员产品合同</a>
                            </li>

                        </ul>

                        <div class="selector-box" >
                            <dl>
                                <dt>审核状态：</dt>
                                <dd class="active"><input class="form-check-input form-review-status opacity-status" type="radio" id="reviewStatusAll" value="" name="reviewStatus" checked ><a href="JavaScript:void(0);" data-tag-a="" class="active">不限</a></dd>
                                <dd ><input class="form-check-input form-review-status opacity-status" type="radio" id="notReviewed" value="0" name="reviewStatus"   ><a href="JavaScript:void(0);" data-tag-a="0">未审核</a> </dd>
                                <dd ><input class="form-check-input form-review-status opacity-status" type="radio" id="underReview" value="1" name="reviewStatus"  ><a href="JavaScript:void(0);" data-tag-a="1">审核中</a> </dd>
                                <dd ><input class="form-check-input form-review-status opacity-status" type="radio" id="reviewCompleted" value="2" name="reviewStatus"  ><a href="JavaScript:void(0);" data-tag-a="2">审核成功</a> </dd>
                                <dd ><input class="form-check-input form-review-status opacity-status" type="radio" id="reviewFailed" value="3" name="reviewStatus"  ><a href="JavaScript:void(0);" data-tag-a="3">审核失败</a> </dd>
                                <dd ><input class="form-check-input form-review-status opacity-status" type="radio" id="reviewSuccess" value="4" name="reviewStatus"  ><a href="JavaScript:void(0);" data-tag-a="4">审核通过并盖章</a> </dd>
                            </dl>
                            <dl class="member-show">
                                <dt>合同类型：</dt>
                                <dd class="active"><input class="form-check-input form-contract-type opacity-status" type="radio" id="allContract" value="" name="contractType" checked><a href="JavaScript:void(0);" data-tag-a="" class="active">不限</a></dd>
                                <dd ><input class="form-check-input form-contract-type opacity-status" type="radio" id="memberNewOrderContract" value="2" name="contractType"><a href="JavaScript:void(0);" data-tag-a="0">会员新单</a> </dd>
                                <dd ><input class="form-check-input form-contract-type opacity-status" type="radio" id="renewContract" value="4" name="contractType" ><a href="JavaScript:void(0);" data-tag-a="1">会员续费</a> </dd>
                                <dd ><input class="form-check-input form-contract-type opacity-status" type="radio" id="memberSingle" value="7" name="contractType" ><a href="JavaScript:void(0);" data-tag-a="2">会员单次</a> </dd>
                            </dl>
                            <dl>
                                <dt>回款状态：</dt>
                                <dd class="active"><input class="form-check-input form-payment-status opacity-status" type="radio"  value=""  checked id="paymentStatusAll" name="paymentStatus"> <a href="JavaScript:void(0);" data-tag-a="" class="active">不限</a></dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="0" id="paymentStatusUncollected" name="paymentStatus"> <a href="JavaScript:void(0);" data-tag-a="0">未回款</a> </dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="3" id="paymentStatusPartial" name="paymentStatus"><a href="JavaScript:void(0);" data-tag-a="3">部分回款</a> </dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio"  value="1" id="paymentStatusReceived" name="paymentStatus"><a href="JavaScript:void(0);" data-tag-a="1">已回款</a> </dd>
                            </dl>

                            <dl>
<!--                                <input type="text" value="" id="approvalStatusSelect" class="hidden">-->
                                <dt>是否特批：</dt>
                                <dd class="active"><input class="form-check-input form-payment-status opacity-status" type="radio" value="" id="approvalStatusSelectAll" name="approvalStatusSelect"><a href="JavaScript:void(0);" data-tag-a="" class="active">不限</a></dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="1" id="approvalStatusSelectSure" name="approvalStatusSelect"><a href="JavaScript:void(0);" data-tag-a="1">是</a> </dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="0" id="approvalStatusSelectNo" name="approvalStatusSelect"><a href="JavaScript:void(0);" data-tag-a="0">否</a> </dd>
                            </dl>

                            <dl>
                                <!--合同状态:1-未生效；2-生效中；3-已结束；4-已作废；5-意外终止；6-挂起-->
                                <dt>合同状态：</dt>
                                <dd class="active"><input class="form-check-input form-payment-status opacity-status" type="radio" value="" id="contractStatusAll" name="contractStatusRadio"><a href="JavaScript:void(0);" data-tag-a="" class="active">不限</a></dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="1" id="contractStatusNotEffect" name="contractStatusRadio"><a href="JavaScript:void(0);" data-tag-a="1">未生效</a> </dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="2" id="contractStatusInEffect" name="contractStatusRadio"><a href="JavaScript:void(0);" data-tag-a="2">生效中</a> </dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="3" id="contractStatusEnd" name="contractStatusRadio"><a href="JavaScript:void(0);" data-tag-a="3">已结束</a> </dd>
                                <dd ><input class="form-check-input form-payment-status opacity-status" type="radio" value="4" id="contractStatusOutOfDate" name="contractStatusRadio"><a href="JavaScript:void(0);" data-tag-a="4">已作废</a> </dd>
                            </dl>
                        </div>


                        <!--合同列表表格-->
                        <div class="table-row">
                            <div class="row ">

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-left">
                                    <!-- 全部 上月 本周 本月 本年(合同创建日期) -->
                                    <div class="time-search pull-left" style="margin-right: 10px">
                                        <input type="hidden" id="dateType" name="dateType"/>
                                        <div class="all active-second" onclick="selectTime('all')">全部</div>
                                        <div class="lastMonth"  onclick="selectTime('lastMonth')">上月</div>
                                        <div class="week"  onclick="selectTime('week')">本周</div>
                                        <div class="month" onclick="selectTime('month')">本月</div>
                                        <div class="year" onclick="selectTime('year')">本年</div>
                                    </div>

                                    <!--按合同创建日期(区间)查-->
<!--                                    <div class="btn-group pull-left">
                                        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            批量导入 <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu">
                                            <li><a href="#!" onclick="showImportContractModal()">直接导入</a></li>
                                            <li><a href="#!" onclick="downContractTemplate()">下载模板</a></li>
                                        </ul>
                                    </div>-->
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right">

                                    <div class=" content-action" style="display: flex;justify-content: flex-end;">


                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                            <div class="pull-right">
                                                <button class="btn btn-default btn-senior" data-toggle="collapse"
                                                        data-target="#filterContent" aria-expanded="false"
                                                        aria-controls="filterContent">
                                                    <i class="mdi mdi-sort-variant"></i>高级筛选
                                                </button>
                                            </div>
                                        </div>

                                        <div class="" style="min-width: 84px;">
                                            <div class="pull-right" style="margin-right: 15px;">
                                                <div class="dropdown">
                                                    <div class="row">
                                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu" data-toggle="dropdown" aria-expanded="true" style="margin-left: 0px;"> 更多列 <span class="caret"></span> </button>
                                                        <ul class="dropdown-menu pre-scrollable fixed-right" aria-labelledby="dropdownMenu">
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('contractNumber',this)"/><span>  合同编号</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('customerName',this)"/><span>  客户名称</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('contactName',this)"/><span>  联系人</span></li>
                                                           <!-- <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('contractType',this)"/><span>  合同类型</span></li>-->
                                                            <li role="presentation"><input type="checkbox" class="check_box" checked onclick="hideOrShowColumn('contractStatus',this)"/><span>  合同状态</span></li>
                                                            <!--                                                    <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contactDetails',this)"/><span>  联系方式</span></li>-->
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('customerEmail',this)"/><span>  客户邮箱</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('createTm',this)"/><span>  合同创建日期</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractStartDate',this)"/><span>  合同开始日期</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractEndDate',this)"/><span>  合同结束日期</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractTotalAmount',this)"/><span>  合同总金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractDiscountTotalAmount',this)"/><span>  合同优惠总金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractActualTotalAmount',this)"/><span>  合同实际总金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractReceivables',this)"/><span>  合同应收款</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractTotalPaymentAmount',this)"/><span>  合同总回款金额</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('contractReviewStatus',this)"/><span>  合同审核状态</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('reviewerName',this)"/><span>  审核人</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('reviewTime',this)"/><span>  审核时间</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('paymentStatus',this)"/><span>  回款状态</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('paymentAccount',this)"/><span>  付款账号</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('whetherKeepSecret',this)"/><span>  是否保密</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('commissionStatus',this)"/><span>  提成发放状态</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('updatePeopleName',this)"/><span>  更新人</span></li>
                                                            <li role="presentation"><input type="checkbox" class="check_box" onclick="hideOrShowColumn('updateTm',this)"/><span>  更新时间</span></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>

                            </div>
                            <div class="collapse filter-content" id="filterContent">
                                <div class="row">
                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                        <label for="customerName">客户名称</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入客户名称" id="customerName" name="customerName" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                        <label for="contactName">联系人</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入联系人名称" id="contactName" name="contactName" autocomplete="off">
                                        </div>

                                    </div>
                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                        <label for="contractNumber">合同编号</label>
                                        <div>
                                            <input class="form-control" type="text" placeholder="请输入合同编号" id="contractNumber" name="contractNumber" autocomplete="off">
                                        </div>

                                    </div>
                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                        <label for="contractTotalAmountStart">合同金额</label>
                                        <div style="display: flex;align-items: center;">
                                            <input class="form-control" style="width: 46%" type="text" placeholder="请输入合同金额" id="contractTotalAmountStart" name="contractTotalAmountStart" autocomplete="off" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                            <span style="padding: 10px">至</span>
                                            <input class="form-control" style="width: 46%" type="text" placeholder="请输入合同金额" id="contractTotalAmountEnd" name="contractTotalAmountEnd" autocomplete="off" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">
                                        </div>

                                    </div>
<!--                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">-->
<!--                                        <label for="approvalStatusSelect">是否特批</label>-->
<!--                                        <div>-->
<!--                                            <select id="approvalStatusSelect" type="text" class="form-control"  data-live-search="true">-->
<!--                                                <option selected value="">全部</option>-->
<!--                                                <option value="1">是</option>-->
<!--                                                <option value="0">否</option>-->
<!--                                            </select>-->
<!--                                        </div>-->
<!--                                    </div>-->
                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                        <label for="electronicContractSelect">审核是否加盖公章</label>
                                        <div>
                                            <select id="electronicContractSelect" class="form-control" type="text" data-live-search="true">
                                                <option selected value="">全部</option>
                                                <option value="1">是</option>
                                                <option value="0">否</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                        <label class="control-label" for="contractStartDate">合同有效日期</label>
                                        <div class="form-content input-group">
                                            <input type="text" id="contractStartDate" name="contractStartDate" class="form-control date-input"
                                                   placeholder="请输入起始日期" autocomplete="off">
                                            <span class="input-group-addon">至</span>
                                            <input type="text" id="contractEndDate" name="contractEndDate" class="form-control date-input"
                                                   placeholder="请输入截止日期" autocomplete="off">
                                        </div>
                                    </div>
                                    <!--按合同创建日期(区间)查input-group-->
                                    <div class="form-group  col-lg-4 col-md-4 col-sm-6 col-xs-12" >
                                        <label class="control-label" for="createTmStart">创建日期</label>
                                        <div class="form-content input-group">
                                            <input type="text"   class="form-control create-time" id="createTmStart"
                                                   placeholder="请输入起始时间" autocomplete="off">
                                            <span class="input-group-addon">至</span>
                                            <input type="text"   class="form-control create-time" id="createTmEnd"
                                                   placeholder="请输入截止时间" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12">
                                        <label>&nbsp;</label>
                                        <div class="text-right">
                                            <button class="btn btn-primary" type="button" id="btn-search">
                                                <i class="mdi mdi-magnify"></i><span>搜索</span></button>
                                            <button class="btn btn-default" id="btn-reset">重置</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
<!--                            <br/>-->
                            <div class="row">



                                <!--按合同类型查-->
<!--                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 member-show">-->
<!--                                    <div class="review" style="margin-top: 6px;">-->
<!--                                        <span style="padding-right:10px ">合同类型</span>-->
<!--                                        <div class="form-check form-check-inline">-->
<!--                                            <input class="form-check-input form-contract-type" type="radio" id="allContract" value="" name="contractType" checked>-->
<!--                                            <label class="form-check-label" for="allContract">全部</label>-->
<!--                                        </div>-->
<!--                                        <div class="form-check form-check-inline">-->
<!--                                            <input class="form-check-input form-contract-type" type="radio" id="memberNewOrderContract" value="2" name="contractType">-->
<!--                                            <label class="form-check-label" for="memberNewOrderContract">会员新单合同</label>-->
<!--                                        </div>-->
<!--                                        <div class="form-check form-check-inline">-->
<!--                                            <input class="form-check-input form-contract-type" type="radio" id="renewContract" value="4" name="contractType" >-->
<!--                                            <label class="form-check-label" for="renewContract">续费合同</label>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->





                            </div>
                            <div class="select-absolute">
                                <select id="contractStatusSelectMultiple" name="contractStatusSelectMultiple" class="form-control form-btn" multiple="multiple">
                                    <option value="1">未生效</option>
                                    <option value="2">生效中</option>
                                    <option value="3">已结束</option>
                                    <option value="4">已作废</option>
                                    <option value="5">意外终止</option>
                                </select>
                            </div>
                            <!--合同列表表格-->
                            <table id="customerContractTableList"></table>
                        </div>
                    </div>
                </div>
    </div>
</div>

<!-- 创建续费合同 弹窗 -->
<div  id="addProductModal" class="modal fade bs-example-modal-lg" data-backdrop="static" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4>选择续费产品</h4>
            </div>
            <div class="modal-body">

                <table id="productListTable"></table>

                <div class="well form-well" style="margin-top: 20px;">
                    <h3>优惠券</h3>
                    <!--优惠券用 单条数据计价总计-->
                    <input type="text" id="valuationTotal" hidden>
                    <div id="couponTableToolbar" class="toolbar m-b-10">
                        <button type="button" class="btn btn-success btn-label" data-toggle="modal" data-target="#addCouponModal" disabled><label><i class="mdi mdi-plus"></i></label>添加优惠券</button>
                    </div>
                    <table id="couponTable"></table>

                    <h3 class="m-t-15">附加费用</h3>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <label class="control-label">金额</label>
                            <div class="form-content">
                                <input type="text" class="form-control" placeholder="该费用不计入业绩和提成" id="surcharge" >
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 surcharge-remarks">
                            <label class="control-label label-required">备注</label>
                            <div class="form-content">
                                <textarea class="form-control" rows="3" placeholder="不多于100字" id="orderSurchargeRemark"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="well form-well">
                    <h2>合同金额</h2>
                    <div class="row amount-total">
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="well">
                                <h5>合同总金额</h5>
                                <p id="totalAmount">0</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="well">
                                <h5>合同优惠总金额</h5>
                                <p id="discountAmount">0</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="well">
                                <h5>合同实际总金额</h5>
                                <p id="realAmount">0</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="well">
                                <h5>应收款</h5>
                                <p id="receivables">0</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="well form-well file-well">
                    <div class="row">

                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">客户联系人</label>
                            <div class="form-content">
                                <input type="text" name="customerContractName" placeholder="请输入联系人姓名" id="customerContractName" class="form-control">
<!--                                <select type="text" id="customerContractList" class="form-control" title="请选择客户联系人" data-live-search="true" ></select>-->
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">联系方式</label>
                            <div class="form-content">
                                <input type="text" name="customerContactInformation" placeholder="请输入联系方式" id="customerContactInformation" class="form-control">
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">合同起止日期 (日期格式：YYYY-MM-DD 至 YYYY-MM-DD)</label>
                            <div class="form-content">
                                <input type="text" class="form-control" id="contractDate" placeholder="请选择合同起止日期" autocomplete="off"  >
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">支付方式</label>
                            <div class="form-content">
                                <select class="form-control" title="请选择" id="paymentMethod" name="paymentMethod">
                                    <!--<option value="1">线上支付</option>-->
                                    <option th:selected="${contract?.paymentMethod == '2'}" value="2">线下支付</option>
                                    <option th:selected="${contract?.paymentMethod == '3'}" value="3">余额支付</option>
                                    <!--<option th:selected="${contract?.paymentMethod == '4'}" value="4">转入额支付</option>
                                    <option th:selected="${contract?.paymentMethod == '5'}" value="5">余额＋转入额支付</option>-->
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">关联跟进记录</label>
                            <div class="form-content">
                                <select class="form-control" title="请选择关联跟进记录" id="followRecordList" name="followRecordList"></select>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">关联赢单商机</label>
                            <div class="form-content">
                                <!--                            th:selected="${contract?.opportunityId}"-->
                                <select class="form-control" title="请选择关联赢单商机" id="opportunityList" name="opportunityList"></select>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-lg-content">
                            <label class="control-label label-required">是否加盖公章</label>
                            <div class="form-content p-t-10">
                                <label class="lyear-radio radio-inline radio-primary m-l-5">
                                    <input type="radio" name="applyElectronicContract" value="1"><span>是</span>
                                </label>
                                <label class="lyear-radio radio-inline radio-primary m-l-10">
                                    <input type="radio" name="applyElectronicContract" value="0" checked><span>否</span>
                                </label>
                            </div>
                        </div>
                        </div>
                </div>
                <div class="well form-well file-well">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="file-group form-group">
                                <h5>合同附件</h5>

                                <div class="file-box">
                                    <input type="hidden" id="contractPic" class="image-id" >
                                    <input type="file" accept=".doc,.pdf,.docx" id="contractImg" name="contractImg" class="form-control"  onchange="uploadImg('contractImg')">

                                </div>

                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 approval">
                            <div class="file-group">
                                <h5 class="">合同审核</h5>
                               <div class="file-box">
                                    <input type="hidden" id="examinedPic" class="image-id">
                                    <input type="file" accept=".doc,.pdf,.docx" id="examineImgBox" name="examineImgBox" class="form-control"  onchange="uploadImg('examineImgBox')">

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <h5 class="">备注</h5>
                            <textarea class="form-control" placeholder="请输入备注" id="contractReviewNotes"></textarea>
                        </div>
                        <div class="col-xs-12">
                           </div>
                    </div>
                </div>
                <div class="well form-well form-cooperate">
                    <h3>合作开发人员</h3>
                    <div id="cooperateTableToolbar" class="toolbar">
                        <select name="companiesList" id="companiesList" title="请选择分公司" data-live-search="true" onchange="getAccountList(this);" class="pull-left m-r-10"></select>
                        <select name="accountList" id="accountList" title="请选择合作开发人员" data-live-search="true" class="pull-left m-r-10" disabled></select>
                        <button type="button" class="btn btn-success btn-label" id="addCooperateBtn" disabled onclick="addCooperate();"><label><i class="mdi mdi-plus"></i></label>添加</button>
                    </div>
                    <table id="cooperateTable"></table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="addRenewContract(this)">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="importContractModal" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <input type="file" id="importContractFile" name="importContractFile">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="importContractList()">导入
                </button>
                <button type="button" class="btn btn-default" data-dismiss="modal"
                        onclick="cancelImportContractList()">取消
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 添加优惠券 弹窗 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="addCouponModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>添加优惠券</h4>
            </div>
            <div class="modal-body">
                <div class="row m-b-15">
                    <div class="col-xs-8">
                        <div class="select-switch" id="couponCategories">
                            <label><input type="radio" name="couponCategories" value="1" checked><span>折扣类</span></label>
                            <label><input type="radio" name="couponCategories" value="2" ><span>额度类</span></label>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入优惠券名称" id="searchCouponName">
                            <span class="input-group-btn"><button type="button" class="btn btn-default" id="couponSearch">搜索</button></span>
                        </div>
                    </div>
                </div>
                <table id="couponListTable" data-maintain-meta-data="true"></table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="addRow('couponListTable', 'couponTable');">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>
<!-- 图片上传插件 -->
<script type="text/javascript" src="/js/upload.img.js"></script>
<!--公共js-->
<script src="/js/crm/common/common.js"></script>
<script src="/js/bootstrapTableSelect.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/contractManager/user/contractForm.js"></script>
</html>